export default {
  // 为当前模块开启命名空间
  namespaced: true,

  // 模块的 state 数据
  state: () => ({
    // 购物车的数组，用来存储购物车中每个商品的信息对象
    // 每个商品的信息对象，都包含如下 6 个属性：
    // { goods_id, goods_name, goods_price, goods_count, goods_small_logo, goods_state }
    cart: [],
    // 读取本地存储的购物车数据 对cart数组进行初始化
    cart: JSON.parse(uni.getStorageSync('cart') || '[]')
  }),
  // 模块的mutations方法
  mutations: {
    // 添加购物车
    addToCart(state, goods) {
      // 当前循环项 x.goods_id 等不等于 外界传进来的goods_id  等于就证明购物车有这件商品
      const findResult = state.cart.find((x) => x.goods_id === goods.goods_id)
      if (!findResult) {
        // 如果购物车没有这个商品就直接push这个商品
        state.cart.push(goods)
      } else {
        // 如果购物车有这个商品只更新数量就可以
        findResult.goods_count++
      }
      // 通过commit 在m_cart命名空间下 调用saveToStorage方法
      // this.commit('m_cart/saveToStorage')
      this.commit('m_cart/saveToStorage')
    },
    // 持久化存储cart
    saveToStorage(state) {
      uni.setStorageSync('cart', JSON.stringify(state.cart))
    },
    // 更新商品的选中状态
    updateGoodsState(state, goods) {
      // 根据 goods_id 选择对应的商品
      const findResult = state.cart.find(x => x.goods_id === goods.goods_id)
      if (findResult) {
        // 更新对应state的选中状态
        findResult.goods_state = goods.goods_state
        // 持久化存储
        this.commit('m_cart/saveToStorage')
      }
    },
    // 购物车商品的数量存储
    updateGoodsCount(state, goods) {
      // goods_id 查询购物车对应商品ID
      const findResult = state.cart.find(x => x.goods_id === goods.goods_id)
      if (findResult) {
        // 更新数量
        findResult.goods_count = goods.goods_count
        // 持久化存储
        this.commit('m_cart/saveToStorage')
      }
    },
    // 购物车删除商品
    removeGoodsById(state, goods_id) {
      // 调用数组方法filter方法进行过滤
      state.cart = state.cart.filter(x => x.goods_id !== goods_id)
      this.commit('m_cart/saveToStorage')
    },
    // 持久化存储商品选中信息
    updateAllGoodsState(state, newState) {
      state.cart.forEach(x => x.goods_state = newState)
      this.commit('m_cart/saveToStorage')
    }
  },

  // 模块的 getters 属性
  getters: {
    // 统计购物车中的总数量
    total(state) {
      // let c = 0
      // // 循坏统计商品的总数量  用变量 c 来表示
      // state.cart.forEach(goods => c += goods.goods_count)
      // return c
      // 用reduce简写 计算购物车的总数量
      return state.cart.reduce((total, item) => total += item.goods_count, 0)
    },
    // 动态渲染已勾选的商品数量
    checkedCount(state) {
      return state.cart.filter(x => x.goods_state).reduce((total, item) => total += item.goods_count, 0)
    },
    // 计算商品选中的价格
    checkedGoodsAmount(state) {
      // 先使用 filter 方法，从购物车中过滤器已勾选的商品
      // 再使用 reduce 方法，将已勾选的商品数量 * 单价之后，进行累加
      // reduce() 的返回值就是已勾选的商品的总价
      // 最后调用 toFixed(2) 方法，保留两位小数
     return state.cart.filter(x => x.goods_state).reduce((total,item) => total += item.goods_count * item.goods_price ,0).toFixed(2)
    }
  }
}
